<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>js基础-数值转换和流程判断入门</title>
  <link rel="stylesheet" href="../css/common.css">
</head>

<body>
  <!-- 校验输入的必须是数 -->
  <input type="text" id="txtNumb" placeholder="输入数">
  <button id="btnNumb">确定</button>
  <span id="spNumb"></span>

  <hr>
  <!-- 输入颜色的部分 -->
  红色：<input type="text" id="txtRed">
  绿色：<input type="text" id="txtGreen">
  蓝色：<input type="text" id="txtBlue">
  <button id="btnColor">确定颜色</button>
  <span id="spColor"></span>
  <!-- 
    style="background-color: rgb(100,0,0);"
  -->
  <div id="divColor">
    更换背景颜色的区域
  </div>


  <script src="js/h05.js"></script>
</body>

</html>